<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
	<link rel="stylesheet" href="../fonts/iconfont.css">
	<link rel="icon" href="../img/favicon.ico">
	<link rel="stylesheet" href="../css/member_claim.css">

	<title>member_claim我的认养.html</title>
</head>
<body>
	<div class="main">
		<div class="search afixd bg-search">
	        <div class="weui-search-bar" id="searchBar">
	            <form class="weui-search-bar__form">
	                <div class="weui-search-bar__box">
	                    <i class="weui-icon-search"></i>
	                    <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="输入商品名称或订单编号搜索" required="">
	                    <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
	                </div>
	                <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
	                    <i class="weui-icon-search"></i>
	                    <span>输入商品名称或订单编号搜索</span>
	                </label>
	            </form>
	        </div>
	    </div>
	    <div class="search-height"></div>
	    <div id="list">
	        <div class="weui-panel weui-panel_access lists" style="margin-top: 0;font-size: 14px;">
	            <div class="weui-panel__hd">
	                <span class="align">订单号：20151127125735566658</span>
	                <span class="font-red pull-right font-fourteen align" >已认养</span>
	            </div>
	            <div class="weui-panel__bd">
	                <div class="weui-media-box weui-media-box_appmsg order">
	                    <div class="weui-media-box__hd">
	                        <img class="weui-media-box__thumb" src="../img/temp2/claim_01.png">
	                    </div>
	                    <div class="weui-media-box__bd">
	                        <h4 class="weui-media-box__title ">武夷山-中蜂-荆条蜜蜂箱</h4>
	                        <p class="weui-media-box__desc gray font-twelve">
	                            <span>数量：1</span>
	                            <span>单价：</span>
	                            <span class="font-red" >￥2000.00</span>
	                        </p>
	                    </div>
	                    <a href="member_state.html" class="aa">蜂箱动态</a>
	                </div>
	                <div class="weui-media-box weui-media-box_appmsg order">
	                    <div class="weui-media-box__hd">
	                        <img class="weui-media-box__thumb" src="../img/temp2/claim_02.png">
	                    </div>
	                    <div class="weui-media-box__bd">
	                        <h4 class="weui-media-box__title">武夷山-中蜂-荆条蜜蜂箱</h4>
	                        <p class="weui-media-box__desc gray font-twelve">
	                            <span>数量：1</span>
	                            <span>单价：</span>
	                            <span class="font-red" >￥2000.00</span>
	                        </p>
	                    </div>
	                    <a href="member_state.html" class="aa">蜂箱动态</a>
	                </div>
	            </div>
	            <div class="weui-panel__ft">
	                <div  class="weui-cell weui-cell_access weui-cell_link font-twelve" >
	                    <span style="margin-right: 10px">共2件</span>
	                    <span>合计：￥4000.00</span>
	                </div>
	            </div>
	            <div class="weui-panel__ft">
	                <div class="weui-cell weui-cell_access weui-cell_link" >
	                    <a href="member_claim_detail.html"class="ft-detail font-red">认养详情</a>
	                    <a href="../beehive_list.html" class="ft-detail font-red">再次认养</a>
	                </div>
	            </div>
	        </div>
	        <div class="weui-panel weui-panel_access lists" style="font-size: 14px;">
	            <div class="weui-panel__hd">
	                <span class="align">订单号：20151127125735566658</span>
	                <span class="font-red pull-right font-fourteen align">已发货</span>
	            </div>
	            <div class="weui-panel__bd">
	                <div class="weui-media-box weui-media-box_appmsg order">
	                    <div class="weui-media-box__hd">
	                        <img class="weui-media-box__thumb" src="../img/temp2/claim_04.jpg">
	                    </div>
	                    <div class="weui-media-box__bd">
	                        <h4 class="weui-media-box__title">武夷山-中蜂-荆条蜜蜂箱</h4>
	                        <p class="weui-media-box__desc gray font-twelve">
	                            <span>数量：1</span>
	                            <span>单价：</span>
	                            <span class="font-red" >￥2000.00</span>
	                        </p>
	                    </div>
	                    <a href="member_state.html" class="aa">蜂箱动态</a>
	                </div>
	            </div>
	            <div class="weui-panel__ft">
	                <div  class="weui-cell weui-cell_access weui-cell_link font-twelve" >
	                    <span>共2件</span>
	                    <span>合计：￥2000.00</span>
	                </div>
	            </div>
	            <div class="weui-panel__ft">
	                <div  class="weui-cell weui-cell_access weui-cell_link" >
	                    <a href="member_claim_detail.html" class="ft-detail font-red">认养详情</a>
	                    <a href="javascript:void(0);" class="ft-detail font-red" onclick="confirm()">确认收货</a>
	                </div>
	            </div>
	        </div>
	    </div>
	    <div class="weui-loadmore">
			<i class="weui-loading"></i>
			<span class="weui-loadmore__tips">正在加载</span>
		</div>
	</div>

<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> -->

<!-- <script src="plugins-插件/swiper/swiper-bundle.min.js"></script> -->
<script type="text/javascript">
	var loading = false;  //状态标记
	$(document.body).infinite().on("infinite", function() {
	  if(loading) return;
	  loading = true;
	  setTimeout(function() {
	    $("#list").append('<div class="weui-panel weui-panel_access lists" style="font-size: 14px;">' +
                '<div class="weui-panel__hd">' +
            '                <span class="align">订单号：20151127125735566658</span>' +
    '                <span class="font-red pull-right font-fourteen align">已认养</span>' +
    '            </div>' +
    '            <div class="weui-panel__bd">' +
    '                <div class="weui-media-box weui-media-box_appmsg order">' +
    '                    <div class="weui-media-box__hd">' +
    '                        <img class="weui-media-box__thumb" src="../img/temp2/claim_04.jpg">' +
    '                    </div>' +
    '                    <div class="weui-media-box__bd">' +
    '                        <h4 class="weui-media-box__title">武夷山-中蜂-荆条蜜蜂箱</h4>' +
    '                        <p class="weui-media-box__desc gray font-twelve">' +
    '                            <span>数量：1</span>' +
    '                            <span>单价：</span>' +
    '                            <span class="font-red" >￥2000.00</span>' +
    '                        </p>' +
    '                    </div>' +
    '                    <a href="member_state.html" class="aa">蜂箱动态</a>' +
    '                </div>' +
    '            </div>' +
    '            <div class="weui-panel__ft">' +
    '                <div  class="weui-cell weui-cell_access weui-cell_link font-twelve" >' +
    '                    <span style="margin-right: 10px">共2件</span>' +
    '                    <span>合计：￥2000.00</span>' +
    '                </div>' +
    '            </div>' +
    '            <div class="weui-panel__ft">' +
    '                <div  class="weui-cell weui-cell_access weui-cell_link" >' +
    '                    <a href="member_claim_detail.html" class="ft-detail font-red">认养详情</a>' +
    '                    <a href="../beehive_list.html" class="ft-detail font-red">再次认养</a>' +
    '                </div>' +
    '            </div>' +
            '</div>');
	    loading = true;
	  }, 1500);   //模拟延迟
	});
	function confirm(){
        $.confirm({
            title: '提示',
            text:'确定收货吗?',
            onOK: function () {
                $.toast('收货成功');
            },
            onCancel: function () {
                //点击取消
            }
        });
    }
</script>
</body>
</html>